<template>
  <Table :columns="tableColumns" :data="tableData" size="small" :height="height">
    <template #index="scope">
      {{ scope.index }}
    </template>
  </Table>
</template>

<script setup lang="ts">
const props = withDefaults(
  defineProps<{
    height?: string
  }>(),
  {}
)


const tableColumns = [
  {
    field: 'index',
    label: '序号',
    width: 60
  },
  {
    field: 'section',
    label: '标识',
    width: 120,
  },
  {
    field: 'catering',
    label: '姓名',
  },
  {
    field: 'count',
    label: '航段',
    width: 150,
  },
  {
    field: '数量',
    label: '舱位',
    width: 150,
  },
  {
    field: 'unit',
    label: '餐种',
    width: 150
  },
   {
    field: 'unit1',
    label: '数量',
    width: 150
  },
   {
    field: 'unit',
    label: '喜好',
    width: 200
  },
  {
    field: 'unit',
    label: '高端备注',
    width: 200
  },
]

const tableData = ref([] as any[])

</script>